<template>
    <div class="maindiv">

        <el-row>
            <el-col>
<el-card class="statistics_card" @click.native="tolotto()">
<p class="sts_title" align="right">大乐透</p>
<p class="sts_info" align="right">目前20095期已统计{{lottoNums}}注彩票</p>
</el-card>

<el-card class="statistics_card" @click.native="tossq()">
<p class="sts_title" align="right">双色球</p>
<p class="sts_info" align="right">目前20095期已统计{{ssqNums}}注彩票</p>
</el-card>

            </el-col>
        </el-row>

    </div>
</template>
<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
.maindiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0e6251;
}
.statistics_card{
    background-color: #17A589;
    border:0px;
    margin: 30px;
    height: 150px;
    border-radius: 15px;
}
.sts_title{

     margin-top: 20px;
}
.sts_info{
    margin-top: 20px;
font-size: 20%;
color: red;
}
</style>
<script>
export default {
    data(){
        return{
lottoNums:0,
ssqNums:198024

        }
    },
    methods:{
tolotto(){
     this.$router.push("lotto");
},
tossq(){
    this.$router.push("ssq");
}
    }
}
</script>